<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xml:lang="en" lang="en">
    
	<ui:composition template="/WEB-INF/templates/layout.xhtml">

		<ui:define name="conteudo">
			
			<h:form>
				
				<rich:panel >
					
					<f:facet name="header">
						<h:outputText value="Cadastro de Empresas"/>
					</f:facet>
				
					<h:panelGrid columns="2">
					
						
						<h:outputText value="Nome : "/>
						<h:inputText value="#{telaEmpresaCadastro.empresa.nome}" id="nomeEmpresa" style="width: 100%;"/>
						
						
						<h:outputText value="Telefones:"/>
						<h:panelGrid columns="4">
							<h:inputText id="telefone1" value="#{telaEmpresaCadastro.empresa.telefone1}"/>
							<h:inputText id="telefone2" value="#{telaEmpresaCadastro.empresa.telefone2}"/>
							<h:inputText id="telefone3" value="#{telaEmpresaCadastro.empresa.telefone3}"/>
							<h:inputText id="telefone4" value="#{telaEmpresaCadastro.empresa.telefone4}"/>
						</h:panelGrid>						
						
					</h:panelGrid>
					
					<!-- TABELA DE ENDEREÇOS -->
					<rich:dataTable value="#{telaEmpresaCadastro.enderecos}"
												  var="enderecoEmpresa"
												  rows="5"
												  id="tabelaEnderecos"
												  width="100%">
						
						<f:facet name="header">
							<h:panelGrid columns="2">
								<h:outputText value="Endereços "/>
								<a4j:commandLink ajaxSingle="true" id="newLink" oncomplete="#{rich:component('editPanel')}.show()" action="#{telaEmpresaCadastro.novoEndereco}">
									<h:graphicImage value="../imagens/new.png" style="border: 0;"/>
								</a4j:commandLink> 
								<rich:toolTip for="newLink" value="Novo Endereço" />
							</h:panelGrid>
						</f:facet>
						
						<!-- COLUNA DE AÇÕES -->
						<rich:column width="30px;">
							<f:facet name="header">
								<h:outputText value="Ações"/>
							</f:facet>
							
							<a4j:commandLink ajaxSingle="true" id="editLink" oncomplete="#{rich:component('editPanel')}.show()">
								<h:graphicImage value="../imagens/edit.gif" style="border: 0;"/>
								<f:setPropertyActionListener  target="#{telaEmpresaCadastro.enderecoSelecionado}"  value="#{enderecoEmpresa}"/>
							</a4j:commandLink> 
							<rich:toolTip for="editLink" value="Alterar" />
			                
			                <a4j:commandLink ajaxSingle="true" id="deletelink" oncomplete="#{rich:component('deletePanel')}.show()">
			                	<h:graphicImage value="../imagens/delete.gif" style="border:0" />
			                    <f:setPropertyActionListener  target="#{telaEmpresaCadastro.enderecoSelecionado}"  value="#{enderecoEmpresa}"/>
			                </a4j:commandLink>
			                <rich:toolTip for="deletelink" value="Apagar" />
			                
						</rich:column>
						
						<!--  COLUNA : ENDERECO -->
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Endereço"/>
							</f:facet>
							<h:outputText value="#{enderecoEmpresa.endereco}" id="endereco"/>
						</rich:column>
						
						<!--  COLUNA : BAIRRO -->
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Bairro"/>
							</f:facet>
							<h:outputText value="#{enderecoEmpresa.bairro}" id="bairro"/>
						</rich:column>
						
						<!--  COLUNA : CIDADE -->
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Cidade"/>
							</f:facet>
							<h:outputText value="#{enderecoEmpresa.cidade}" id="cidade"/>
						</rich:column>
						
						<f:facet name="footer">
                    		<rich:datascroller renderIfSinglePage="false" maxPages="10" />
                		</f:facet>
						
					</rich:dataTable>
					<br/>
					<h:commandButton value="Salvar" action="#{telaEmpresaCadastro.salvar}"/>
					<h:commandButton value="Cancelar" action="#{telaEmpresaCadastro.cancelar}"/>
					
				</rich:panel>
				
			</h:form>
			
			<!-- PAINEL MODAL  DE EDIÇÃO -->
			<rich:modalPanel id="editPanel" autosized="true" width="500">
				
				<f:facet name="header">
					<h:outputText value="Modificar Endereco"/>
				</f:facet>
				<f:facet name="controls">
	            	<h:panelGroup>
		                <h:graphicImage value="../imagens/close.png" id="hidelink" styleClass="hidelink" />
		                <rich:componentControl for="editPanel" attachTo="hidelink" operation="hide" event="onclick" />
	            	</h:panelGroup>
	        	</f:facet>
				
				<!-- FORMULARIO DO PAINEL MODAL -->
				<h:form>
		            <rich:messages style="color:red;" />
		            <h:panelGrid columns="1">
		                <a4j:outputPanel ajaxRendered="true">
		                    <h:panelGrid columns="2">
		                    
		                        <h:outputText value="Endereço:" />
		                        <h:inputText value="#{telaEmpresaCadastro.enderecoSelecionado.endereco}" maxlength="100" style="width: 400px"/>
		                        
		                        <h:outputText value="Numero:" />
		                        <h:inputText value="#{telaEmpresaCadastro.enderecoSelecionado.numero}" maxlength="20" style="width: 60px"/>
		                        
		                        <h:outputText value="Complemento:" />
		                        <h:inputText value="#{telaEmpresaCadastro.enderecoSelecionado.complemento}" maxlength="100" style="width: 400px"/>
		                        
		                        <h:outputText value="Bairro:" />
		                        <h:inputText value="#{telaEmpresaCadastro.enderecoSelecionado.bairro}" maxlength="100" style="width: 400px"/>
		                        
		                        <h:outputText value="Cidade:" />
		                        <h:inputText value="#{telaEmpresaCadastro.enderecoSelecionado.cidade}" maxlength="100" style="width: 400px"/>
		                        
		                        <h:outputText value="CEP:" />
		                        <h:inputText value="#{telaEmpresaCadastro.enderecoSelecionado.cep}" maxlength="15" style="width: 60px"/>
		                        
		                        <h:outputText value="País:" />
		                        <h:inputText value="#{telaEmpresaCadastro.enderecoSelecionado.pais}" maxlength="100" style="width: 400px"/>
		                    
		                    </h:panelGrid>
		                    
		                    <!--  <rich:message showSummary="true" showDetail="false" for="price" />-->
		                    <h:messages style="color:red"/>
		                </a4j:outputPanel>
		                <a4j:commandButton value="Salvar"
		                    									 action="#{telaEmpresaCadastro.salvarEndereco}"
		                    									 reRender="tabelaEnderecos"
		                   										 oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('editPanel')}.hide();" />
		            </h:panelGrid>
		        </h:form>
        
			</rich:modalPanel>
			
			<!-- PAINEL MODAL DE EXCLUSÃO -->
			<rich:modalPanel id="deletePanel" autosized="true" width="200">
			
		        <f:facet name="header">
		            <h:outputText value="Remover este endereço?" style="padding-right:15px;" />
		        </f:facet>
		        
		        <f:facet name="controls">
		            <h:panelGroup>
		                <h:graphicImage value="../imagens/close.png" styleClass="hidelink" id="hidelink2" />
		                <rich:componentControl for="deletePanel" attachTo="hidelink2" operation="hide" event="onclick" />
		            </h:panelGroup>
		        </f:facet>
		        
		        <h:form>
		            <table width="100%">
		                <tbody>
		                    <tr>
		                        <td align="center" width="50%">
		                        	<a4j:commandButton value="Sim" 
		                        	                                         ajaxSingle="true" 
		                        	                                         action="#{telaEmpresaCadastro.removerEndereco}"
		                            										 oncomplete="#{rich:component('deletePanel')}.hide();"
		                            										 reRender="tabelaEnderecos" />
		                        </td>
		                        <td align="center" width="50%">
		                        	<a4j:commandButton value="Cancelar"/>
		                        </td>
		                    </tr>
		                </tbody>
		            </table>
		        </h:form>
		    </rich:modalPanel>
			
			 <a4j:status onstart="#{rich:component('wait')}.show()"  onstop="#{rich:component('wait')}.hide()" />
			 
		    <rich:modalPanel id="wait" autosized="true" width="200" height="120" moveable="false" resizeable="false">
		        <f:facet name="header">
		            <h:outputText value="Processando" />
		        </f:facet>
		        <h:outputText value="Aguarde por favor..." />
		    </rich:modalPanel>
			
		</ui:define>
	</ui:composition>
	
	
</html>
